import bb.cascades 1.0

Page {
    titleBar: TitleBar {
        id: titleBar
        visibility: ChromeVisibility.Visible
        title: lang.about_title
    }
    
    paneProperties: NavigationPaneProperties {
        backButton: ActionItem {
            onTriggered: {
                // define what happens when back button is pressed here
                // in this case is closed the detail page
                homeNavigation.backButtonsVisible = false ;
                homeNavigation.pop() ;
            }
        }
    }
    
    Container {
        ScrollView {
            Container {
                Container {
                    horizontalAlignment: HorizontalAlignment.Center
                    ImageView {
                        imageSource: "asset:///images/picture1.png"
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content0
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content1
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content2
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content3
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content4
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content5
                    }
                }
                Container {
                    topPadding: 20
                    Label {
                        multiline: true
                        text: lang.about_content6
                    }
                }
            }
        }
    }
    
    onCreationCompleted: {
        homeNavigation.backButtonsVisible = true ;
    }
}
